import { computed, ref } from "vue";

const active = ref(true);

export const useTabBar = () => {
  const showTabBar = () => {
    active.value = true;
  };

  const hideTabBar = () => {
    active.value = false;
  };

  const isActive = computed(() => {
    return !!active.value;
  });

  return {
    showTabBar,
    hideTabBar,
    isActive,
  };
};
